<template>
  <div id="app">
    <!-- <p>123aaa {{msg}}</p>
    <button @click="say">按钮</button>
    <One></One>
    <button @click="getName">获取共享数据</button>
    <Two></Two> -->

    <router-link to="/one">第一个组件</router-link>
    <router-link to="/two">第二个组件</router-link>

    <!-- <el-row>
    <el-button>默认按钮</el-button>
    <el-button type="primary">主要按钮</el-button>
    <el-button type="success">成功按钮</el-button>
    <el-button type="info">信息按钮</el-button>
    <el-button type="warning">警告按钮</el-button>
    <el-button type="danger">危险按钮</el-button>
  </el-row> -->
    <Loadding></Loadding>
    <router-view></router-view>

  </div>
</template>

<script>
  // import One from './components/One.vue'
  // import Two from './components/Two.vue'
  // import Loadding from './components/Loading.vue'
export default {
  name: 'App',
  data() {
    return {
      msg:'aaaa'
    }
  },
  methods: {
    say(){
      console.log("say");
    },
    getName(){
      console.log(this.$store.state.name);
    }
  },
  components:{
    // One:One,
    // Two:Two

  }
}
</script>

<style>
  p{
    /* background: red; */
  }
</style>
